<template>
  <div>
    <h2>品牌管理</h2>
    <h4 v-for="item in arr" :key="item.id">{{ item.name }}</h4>
    <button @click="brandAdd">点击新增</button>
  </div>
</template>

<script>
// import axios from "../utils/http";
export default {
  data() {
    return {
      arr: [],
    };
  },
  created() {
    // console.log(axios)
    // 1.get第一种写法
    // axios({
    //     method:'get',
    //     url:'http://127.0.0.1:3333/brandList',
    //     params:{
    //         id:1,
    //         name:'zs'
    //     }
    // }).then(res=>{
    //     console.log(res.data)
    //     this.arr = res.data.list
    // })
    // 2.get第二种写法
    this.$http.get("/brandList", {
        params: {
          id: 2,
          name: "lisi",
        },
      })
      .then((res) => {
        console.log(res)
        this.arr = res.list;
      });
  },
  methods: {
    brandAdd() {
      // 1.post第一种写法
    //   axios({
    //     method: "post",
    //     url: "http://127.0.0.1:3333/brandAdd",
    //     data: {
    //       name: "保时捷",
    //     },
    //   }).then((res) => {
    //     console.log(res);

    //   });

    // 2.post第二种写法
    this.$http.post('/brandAdd',{
        name:'666'
    }).then(res=>{
        console.log(res)
    })
    },
  },
  components: {},
};
</script>
<style scoped>
</style>